<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/css/global.css">
    <link rel="stylesheet" href="/libs/font_2130517_al4ov1s4jw4/iconfont.css">
</head>
<body>
<header></header>

<main>

    <!-- 面包屑导航 -->
    <div class="nav_bar ">
        <div class="wrap ban" id="wrap">
        </div>
        <script type="text/html" id="libsTemplate">
            <a href="/">首页</a>
            &gt; <a href="">DOTA 2</a>
            &gt;
            <a href="">{{cname}}</a>
        </script>
    </div>

    <!--    分页-->
    <div class="page ban">
        <button id="beforePage">上一页</button>
        <button id="nextPage">下一页</button>
        <p id="nowPageNum">当前为第 1 页</p>
    </div>

    <!--    排序-->
    <div class="sort ban">
        <a herf="javascript:void(0)" id="sell">销量</a>
        <div></div>
        <a herf="javascript:void(0)" id="price">价格</a>
        <div></div>
        <a herf="javascript:void(0)" id="time">上架时间</a>
    </div>

    <!--    商品列表-->
    <div class="goods-list ban">

        <ul id="goodsClassify">
            <script type="text/html" id="goodsClassifyTemplate">
                {{each list shop}}
                {{if shop.title}}
                <a href="/html/goods.html"></a>
                <li data-pid="{{shop.id}}">
                    <!--            收藏数-->
                    <div class="shoucang"><span class="iconfont icon-aixin"></span><span>{{shop.saleNum}}</span>
                    </div>

                    <!--                商品详情-->
                    <div class="goods-list-show">
                        <a href="#"><img src="{{shop.image}}"/></a>
                        <p class="name ellipsis">{{shop.title.slice(0,18)}}...</p>
                        <p class="price">¥{{shop.price.toFixed(2)}}

                        </p>
                    </div>
                    <!--                加购物车-->
                    <div class="add">
                        <p>☆ ☆ ☆ ☆ ☆</p>
                        <div class="add-btn">
                            <span class="iconfont icon-gouwucheman"></span>
                            <p>加入购物车</p>
                        </div>
                    </div>
                </li>
                {{/if}}
                {{/each}}
            </script>
        </ul>
    </div>

</main>
<footer></footer>
<script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>